
<html>
<head>
		 {% load staticfiles %}
		<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
		<link rel = "stylesheet" type = "text/css" href= "static/css/company.css">
        <script src="static/js/control.js"></script>
		  <script src="static/js/pop-up.js"></script>
</head>
<body>
 <div id='user-login'> 
	<div id='container'>
			<div id='login-heading' class='login-heading-style'>
				<div id='head'>
					<h1 id="heading" class='login-heading-style-1' align="center">OMS</h1>
				</div>	
				<div class='subtitle login-heading-subtitle'>
					<p align='right' class='login-heading-style-2' font-family='Monospace'>Office Management System....</p>
				</div>
			</div>
	</div>
  	<div id = 'user-input'>
    	  <div id='container' class='input-elements'>
				<form action='department'>  
				<div id= 'user' >
		  			<label for = 'username' class='input-elem text-white'>Username</label>
    	  			<input type = 'text' id = 'username' name = 'username' class='input-elem'>
    	 		</div>
    		    <div id = 'pass'>
    	 		  	<label for = 'password' class='input-elem text-white'>Password</label>
    	  			<input type = 'text' id = 'password' name = 'password' class='input-elem'>
         		</div>
    	   		<div id="login">
					<input type = 'submit' id="login-b" class='login-b ' value='Login' />
				</div>
			</from>	
   	 	</div> 
  	</div>
</div>
<div class="container">
  <!-- Trigger the modal with a button -->
  <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>
  
</div>
<div id='testModel' class='test-model test-fade'>
	 <button type="button" id='testbtn' data-dismiss="modal">test</button>
</div>
</body>
<html>
